﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ucAlbumProject.ascx.cs"
    Inherits="SES.CMS.Module.ucAlbumProject" %>
<asp:Repeater ID="rptAlbum" runat="server" Visible="false">
    <ItemTemplate>
        <a class="fackybox" rel="group1" title="<%#Eval("Title")%>" href="<%#"/Media/" + (Eval("ImgFile")).ToString() %>">
            <img alt="<%# Eval("ImgFile")%>" src="<%#"/Media/" + (Eval("ImgFile")).ToString() %>" />
        </a>
    </ItemTemplate>
</asp:Repeater>
<!--
<div class="box-dbtt">
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#a_HoSTC').click(function () {
                $(this).addClass('tab_Active').removeClass('tab_No rmal');
                $('#a_HaSTC').removeClass('tab_Active').addClass(' tab_Normal');
                $('#divHoSTC').show();
                $('#divHaSTC').hide();
            });
            $('#a_HaSTC').click(function () {
                $(this).addClass('tab_Active').removeClass('tab_No rmal');
                $('#a_HoSTC').removeClass('tab_Active').addClass(' tab_Normal');
                $('#divHoSTC').hide();
                $('#divHaSTC').show();
            });
        });
    </script>
    <div style="width: 99.9%; background: #FDFDFD; float: left;">
        <table class="tbHeader" cellpadding="1" cellspacing="1">
            <tbody>
                <tr align="center">
                    <td rowspan="2" class="cHeader">
                        Mã CK
                    </td>
                    <td rowspan="2" class="cHeader">
                        TC
                    </td>
                    <td colspan="2" class="cHeader" style="height: 15px;" nowrap="nowrap">
                        Khớp lệnh
                    </td>
                    <td rowspan="2" class="cHeader">
                        +/-
                    </td>
                </tr>
                <tr>
                    <td class="cHeaderN" style="" align="center">
                        Giá
                    </td>
                    <td class="cHeaderN" style="" align="center">
                        KL
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="divHoSTC">
        <iframe id="ifrmContent" name="ifrmContent" src="http://www.vnexpress.net/User/ck/hcms/HCMStockSmall.asp"
            noresize="" border="false" frameborder="0" scrolling="auto" style="display: block;
            width: 298px; float: left; height: 180px;margin-left: -3px;"></iframe>
    </div>
    <div id="divHaSTC">
        <iframe id="Iframe1" name="ifrmContent" src="http://www.vnexpress.net/User/ck/hns/HNStockSmall.asp"
            noresize="" border="false" frameborder="0" scrolling="auto" style="display: block;
            width: 298px; float: left; height: 180px;margin-left: -3px;"></iframe>
    </div>
    <ul class="ulVnexpress">
        <li><a href="javascript:void(0)" class="tab_Active" id="a_HoSTC">HoSTC</a> </li>
        <li>&nbsp;|&nbsp;</li>
        <li><a href="javascript:void(0)" class="tab_Normal" id="a_HaSTC">HaSTC</a> </li>
    </ul>
</div>
-->
<script type="text/javascript">
    $("document").ready(function () {
        $("#li-tab1").click(function () {
            $("#li-tab1x").css("display", "block");
            $("#li-tab1").attr("class", "litab1 litab-active1");
            $("#li-tab2").attr("class", "litab1");
            $("#li-tab2x").css("display", "none");
            $("#li-tab2").attr("class", "litab1");
        });
        $("#li-tab2").click(function () {
            $("#li-tab2x").css("display", "block");
            $("#li-tab1").attr("class", "litab1");
            $("#li-tab2").attr("class", "litab1 litab-active1");
            $("#li-tab1x").css("display", "none");
            $("#li-tab1").attr("class", "litab1");
        });
    });
</script>

<div class="box-dbtt">
    <ul class="dbttab">
        <li class="litab2">Diễn biến thị trường </li>
        <li class="litab1 litab-active1" id="li-tab1">HOSE</li>
        <li class="litab1" id="li-tab2">HNX </li>
    </ul>
    <div class="dbtthose li-tab1" id="li-tab1x" style="display: block;">
        <div class="chrwrap">
            <img class="fl chr chrdd hide" src="http://vnexpress.net/Images/Stock/ChartHO1.png" alt="" border="0"
                usemap="#planetmap" style="display: none;">
            <img class="fl chr chrmm" src="http://vnexpress.net/Images/Stock/ChartHO2.png" alt="" border="0" usemap="#planetmap"
                style="display: inline-block;;">
            <img class="fl chr chrqq hide" src="http://vnexpress.net/Images/Stock/ChartHO3.png" alt="" border="0"
                usemap="#planetmap" style="display: none;">
            <img class="fl chr chryy hide" src="http://vnexpress.net/Images/Stock/ChartHO4.png" alt="" border="0"
                usemap="#planetmap" style="display: none;">
            <img class="fl chr chrall hide" src="http://vnexpress.net/Images/Stock/ChartHO5.png" alt="" border="0"
                usemap="#planetmap" style="display:none; ">
        </div>
        <ul class="navview">
            <li class="sp">Xem theo</li>
            <li class="time"><a title="Ngày" rel="chrdd" class="">ngày <i></i></a></li>
            <li class="time"><a title="Tháng" rel="chrmm" class="">tháng <i></i></a></li>
            <li class="time"><a title="Quý" rel="chrqq" class="">quý <i></i></a></li>
            <li class="time"><a title="Năm" rel="chryy" class="">năm <i></i></a></li>
            <li class="last"><a title="tất cả" rel="chrall" class="active">tất cả </a></li>
        </ul>
        <div class="tvsichg">
            <p style="width: 130px">
                Thay đổi: <span>0</span><span class="updown">0%</span>
            </p>
            <p class="c2" style="width: 155px">
                Thay đổi trong 52 tuần: <span>39.38%</span>
            </p>
            <p style="width: 160px">
                Tổng KLGD: <span>54,548,270(cp)</span>
            </p>
            <p class="c2" style="width: 110px">
                Tổng GTGD: <span>992(tỷ)</span>
            </p>
        </div>
    </div>
    <div class="dbtthose li-tab2" id="li-tab2x" style="display: none;">
        <div class="chrwrap">
            <img class="fl chr chrdd hide" style="display:none;" src="http://vnexpress.net/Images/Stock/ChartHA1.png" alt="" border="0"
                usemap="#planetmap">
            <img class="fl chr chrmm" src="http://vnexpress.net/Images/Stock/ChartHA2.png" alt="" border="0" usemap="#planetmap">
            <img class="fl chr chrqq hide" style="display:none;" src="http://vnexpress.net/Images/Stock/ChartHA3.png" alt="" border="0"
                usemap="#planetmap">
            <img class="fl chr chryy hide" style="display:none;" src="http://vnexpress.net/Images/Stock/ChartHA4.png" alt="" border="0"
                usemap="#planetmap">
            <img class="fl chr chrall hide" style="display:none;" src="http://vnexpress.net/Images/Stock/ChartHA5.png" alt="" border="0"
                usemap="#planetmap">
        </div>
        <ul class="navview">
            <li class="sp">Xem theo</li>
            <li class="time"><a title="Ngày" rel="chrdd">ngày <i></i></a></li>
            <li class="time"><a title="Tháng" rel="chrmm" class="active">tháng <i></i></a></li>
            <li class="time"><a title="Quý" rel="chrqq">quý <i></i></a></li>
            <li class="time"><a title="Năm" rel="chryy">năm <i></i></a></li>
            <li class="last"><a title="tất cả" rel="chrall">tất cả </a></li>
        </ul>
        <div class="tvsichg">
            <p>
                Thay đổi: <span>0</span><span class="updown">0%</span>
            </p>
            <p class="c2">
                Thay đổi từ đầu năm: <span>3.73%</span>
            </p>
            <p>
                Tổng KLGD: <span>0(cp)</span>
            </p>
            <p class="c2">
                Tổng GTGD: <span>0(tỷ)</span>
            </p>
        </div>
    </div>
    <map name="planetmap" id="planetmap">
        <area coords="0,25,292,197" shape="rect" href="http://180.148.142.12/chungkhoan2012/Details.asp?s=HASTC"
            target="_blank" alt="Detail">
    </map>
</div>
